@charset "utf-8";

.different-content{
    padding: 0 15px;
}
.view-item{
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 4px;
    width: 32%;
    margin: 10px 0.6666% 20px;
    p{
        color: #666666;
        text-align: center;
        font-size: 18px;
        margin: 5px 0;
    }
}

@media screen and (min-width:481px) and (max-width:1199px){
    .view-item{
        width: 49%;
        margin: 10px 0.5% 15px;
        p{
            font-size: 16px;
        }
    }
}
@media screen and (max-width:480px){
    .view-item{
        width: 99%;
        margin: 5px 0.5% 10px;
        p{
            font-size: 14px;
        }
    }
}
